.bgi {
    width: 1226px;
    height: 460px;
    background-color: #FF6700;
    margin: 0 auto;
    position: relative;
}


.bgi img {
    width: 1226px;
    height: 460px;

}

.bgi ul {
    width: 234px;
    height: 460px;
    background-color: rgba(105, 101, 101, .6);
    position: absolute;
    top: 0px;
    padding-top: 10px;
    box-sizing: border-box;
    /* padding-left: 35px; */
    /* color: (blue,);   */
}

.bgi ul li {
    /* margin: 20px 0; */
    /* padding: 20; */
    height: 40px;
    line-height: 40px;
    padding-left: 35px;
    width: 100%;
    color: #000;
    list-style: none;
    margin-top: 5px;
    color: white;
}

.bgi ul li img {
    width: 50px;
    height: 50px;
}

.bgi ul li .liii {
    position: absolute;
    top: 0;
    left: 234px;
}
.sssss .lii .iconfont{
    position: absolute;
    right: 20px;
    color: #fff;
}
.tupian {

    background-color: #fff;
}

.liii {
    width: 0px;
    height: 460px;
    /* border:1px solid #f5f6f7; */
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    /* transition: all 3s; */
    overflow: hidden;
    /* justify-content: space-around; */

    text-align: center;
}

.liii span {
    position: relative;
    color: #000;
    top: -20px;
    left: 5px;
}

.liii div {
    width: 200px;
    height: 70px;
    box-sizing: border-box;

}

.bgi li:hover .liii {
    width: 800px;

}

.bgi li:hover {
    /* color: #ff6700; */
    width: 100%;
    /* padding-left: 50px; */
    background-color: #ff6700;
}
/* 以上是轮播css */
section {
    width: 100%;
    height: 175px;
    /* border: 1px solid red; */
    margin-top: 20px;
    margin-bottom: 15px;
}

.hhz {
    width: 1240px;
    height: 170px;
    /* background-color: #FF6700; */
    margin: 0 auto;
    display: flex;

    justify-content: space-around;
}

.onn img {
    width: 316px;
    height: 170px;
}

.onn img:hover {
    box-shadow: 0 0px 5px 4px rgb(149, 147, 147);
}

.onn1 {
    width: 234px;
    height: 170px;
    background-color: #5F5750;
}

.onn {
    width: 316px;
    height: 170px;
    /* background-color: blue; */
}

.onn1 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;

}

.onn1 li {
    width: 70px;
    height: 64px;
    /* border: 1px solid red; */
    text-align: center;
    margin: 10px auto;
    list-style: none;
}

.onn1 img {
    width: 24px;
}

.onn1 span {
    display: block;
    font-size: 12px;
    color: #fff;
}

main{
    width: 100%;
    height: 2060px;
    background-color: #f5f5f5;
}
main .dantupian{
    width: 1226px;
    height: 120px;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
}
main .dantupian img{
    width: 1226px;
    height: 120px;
}



.bex {
    width: 1226px;
    height: 628px;
    margin: 20px auto;

}

.lage {
    display: inline-block;
}

.lage img {
    width: 234px;
    height: 614px;
    transition: all .3s;
}

.shouj {
    width: 992px;
    height: 614px;
    float: right;
}

.shouj li {
    display: inline-block;
    width: 234px;
    height: 300px;
    background-color: #fff;
    text-align: center;
    margin: 0 5px 14px 5px;
    transition: all .3s;
}

.shouj li img {
    width: 160px;

}

.shouj li:hover,
.lage img:hover {
    transform: translateY(-5px);
    box-shadow: 0px 0px 10px 5px rgb(204, 202, 202);
}

.toub {
    width: 1226px;
    height: 58px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    /* background-color: #f5f8f9; */
    line-height: 58px;
    font-size: 18px;

}
.gengduo {
    display: inline-block;
    display: flex;
}

.boox {
    width: 1226px;
    height: 614px;
    /* border: 1px solid red; */
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}

.boox div {
    width: 234px;
    height: 300px;
    /* border: 1px solid red; */
    background-color: #fff;
}

.boox img {
    width: 160px;
}

.boox div:nth-of-type(1) img,
.boox div:nth-of-type(6) img {
    width: 100%;
}

.liis {
    height: 140px;
    /* border: 1px solid red; */
    background-color: #fff;
    /* border: 1px solid red; */


}

.lis:nth-of-type(2) {
    margin-top: 20px;
}

.lst1 {
    font-size: 16px;
    margin: 15px 0;
}

.lst2 {
    font-size: 12px;
    color: #9da0a3;
    margin-bottom: 15px;
}

.lst3 {
    font-size: 15px;
    color: #FA6509;
}

.liis img {
    width: 80px;
}

.boox nav h3 {
    width: 120px;
    font-weight: 400;
    font-size: 14px;
}

.boox nav p {
    width: 120px;
}

.liis {
    display: flex;

}


.boox div {
    transition: .3s;
}

.liis:nth-of-type(2) {
    margin-top: 20px;
    line-height: 140px;
}

.liis:nth-of-type(2) h3 {
    margin-top: -20px;
}

.boox div:nth-of-type(10) {
    background-color: #F5F5F5;
}

.boox div:hover {
    transform: translateY(-5px);
    box-shadow: 0px 0px 10px 5px rgb(204, 202, 202);
}

.boox div:nth-of-type(10):hover {
    transform: translateY(0);
    box-shadow: 0px 0px 0px 0px rgb(255, 255, 255);

}

.boox nav:hover {
    transform: translateY(-5px);
    box-shadow: 0px 0px 10px 5px rgb(204, 202, 202);
}

.boox nav {
    transition: .3s;
}
.ship {
    width: 1240px;
    height: 285px;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}

.ship div {
    width: 296px;
    height: 285px;
    /* border: 1px solid red; */
    position: relative;
    background-color: #fff;
}

.ship img {
    width: 296px;
    height: 180px;
}

.ship div:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 10px 3px rgb(173, 171, 171);
}

.ship p {
    margin-top: 20px;
}

.ico {
    position: absolute;
    top: 150px;
    left: 40px;
}








/* footer以下 */
footer {
    width: 100%;
    height: 330px;
    /* border: 1px solid red; */


}

.footer1 {
    width: 1226px;
    height: 80px;
    /* border: 1px solid red; */
    margin: 0 auto;
    display: flex;
    /* line-height: 80px; */
    align-items: center;
    border-bottom: 1px solid #E0E0E0;

}

.footer1 div {
    width: 242px;
    height: 25px;
    /* border: 1px solid red;   */
    text-align: center;
    border-right: 1px solid #E0E0E0;
}

.footer1 div:nth-of-type(5) {
    border: none;
}

table {
    width: 980px;
    height: 250px;
    /* border: 1px solid red; */
    text-align: left;
    empty-cells: hide;
    border-collapse: collapse;
}

td {
    /* border: 1px solid blue; */
    font-size: 10px;

}

.footer2 {

    display: flex;
    justify-content: center;
}

th {
    font-size: 14px;
    height: 25px;
}

.foot1 {
    color: #ff6700;
    font-size: 22px;
    margin-top: 35px;
}

.footer2 div {
    height: 250px;
    width: 250px;
    /* border: 1px solid red; */
    text-align: center;

}

.foot2 {
    font-size: 12px;
    margin-top: 20px;
}

.foot3 {
    width: 120px;
    height: 30px;
    margin: 0 auto;
    line-height: 30px;
    color: #ff6700;
    border: 1px solid #ff6700;
    margin-top: 15px;
}

.foot4 {
    margin-top: 20px;
    font-size: 12px;
}

.bottom {
    width: 100%;
    height: 266px;
    /* border: 1px solid red; */
    position: relative;
}

.bottom1 {
    width: 1226px;
    /* height: 157px; */
    /* border: 1px solid red; */
    margin: 20px auto 0;
    display: flex;
}

.bottom1 img {
    width: 56px;
    height: 56px;
}

.bottom1 p {
    font-size: 14px;
    color: #B0B0B0;
}



.nianx {
    width: 84px;
    height: 455px;
    background-color: #fff;
    text-align: center;
    position: fixed;
    top: 100px;
    right: 20px;

}


.nianx ul li {
    padding: 10px 0 0 0;
    width: 84px;
    height: 92px;
    box-sizing: border-box;
    list-style: none;
}

.imgg1 {
    width: 30px;
    height: 30px;
    background-image: url(https://i8.mifile.cn/b2c-mimall-media/98a23aae70f25798192693f21c4d4039.png);
    background-size: 100%;
    margin: 0 auto;
}

.imgg2 {
    width: 30px;
    height: 30px;
    background-image: url(https://i8.mifile.cn/b2c-mimall-media/55cad219421bee03a801775e7309b920.png);
    background-size: 100%;
    margin: 0 auto;
}

.imgg3 {
    width: 30px;
    height: 30px;
    background-image: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/12eb0965ab33dc8e05870911b90f3f13.png);
    background-size: 100%;
    margin: 0 auto;
}

.imgg4 {
    width: 30px;
    height: 30px;
    background-image: url(https://i8.mifile.cn/b2c-mimall-media/4f036ae4d45002b2a6fb6756cedebf02.png);
    background-size: 100%;
    margin: 0 auto;
}

.imgg5 {
    width: 30px;
    height: 30px;
    background-image: url(https://i8.mifile.cn/b2c-mimall-media/d7db56d1d850113f016c95e289e36efa.png);
    background-size: 100%;
    margin: 0 auto;
}

.nianx ul li:hover .imgg1 {
    background-image: url(https://i8.mifile.cn/b2c-mimall-media/74c4fcb4475af8308e9a670db9c01fdf.png);
}

.nianx ul li:hover .imgg2 {
    background-image: url(https://i8.mifile.cn/b2c-mimall-media/41f858550f42eb1770b97faf219ae215.png);
}

.nianx ul li:hover .imgg3 {
    background-image: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/95fbf0081a06eec7be4d35e277faeca0.png);
}

.nianx ul li:hover .imgg4 {
    background-image: url(https://i8.mifile.cn/b2c-mimall-media/5e9f2b1b0da09ac3b3961378284ef2d4.png);
}

.nianx ul li:hover .imgg5 {
    background-image: url(https://i8.mifile.cn/b2c-mimall-media/692a6c3b0a93a24f74a29c0f9d68ec71.png);
}

.nianx li p {
    font-size: 14px;
    color: #b0b0b0;
}

.nianx li:hover p {
    color: #ff6700;
}